<div style="padding:30px; background: #fff;min-height: 100%;">
<form class="form-horizontal" role="form" name="myForm" ng-submit="sendSubmit(myForm.$valid)" novalidate>
    <div class="form-body">
        <div class="row">

            <div class="col-md-10">
                <div class="form-group">
                    <a class="control-label col-md-2" ng-click="getMessageNum()">查看短信余额：</a>
                    <div class="col-md-3">
                        <span style="display: inline-block;padding-top:8px;">{{message.num}}</span>
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
        </div>

        <div class="row">

            <div class="col-md-10">
                <div class="form-group">
                    <span class="control-label col-md-2">上传指定手机号：</span>
                    <div class="col-md-3">
                        <input type="file" style='position: relative;opacity: 1' class="form-control"   ngf-select="upload($file)">
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
        </div>
        <div class="row">

            <div class="col-md-10">
                <div class="form-group">
                    <span class="control-label col-md-2">添加需要发送的手机号(手机号之间用,隔开)：</span>
                    <div class="col-md-8">
                        <textarea rows="10" ng-model="mobile.mobileString" required ng-change="checkUser()"></textarea>
                        <!--<span class="pull-right">共{{0+mobile.user}}位用户</span>-->
                        <!--<span class="pull-left error" ng-show="mobile.isTrue">输入不符合要求</span>-->
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
        </div>
        <div class="row">

            <div class="col-md-10">
                <div class="form-group">
                    <span class="control-label col-md-2">添加需要发送的内容：</span>
                    <div class="col-md-8">
                        <textarea rows="10" required ng-model="mobile.content" ng-change="checkText()"></textarea>
                        <span class="pull-right">已输入{{0+mobile.wordsize}}字,共计{{0+mobile.sms}}条短信</span>
                        <span class="pull-left error" ng-show="mobile.isTrue">超过最大限制</span>
                    </div>

                </div>
            </div>
            <div class="col-md-2"></div>
        </div>
        <div class="row">

            <div class="col-md-10">
                <div class="form-group">
                    <span class="control-label col-md-2">预定发送时间：</span>
                    <div class="col-md-8">
                        <label class="radio-inline">
                            <input type="radio" name="time"  value='0' ng-model="message.time" required>
                            定时发送 </label>
                        <label class="radio-inline">
                            <input type="radio" name="time"  value='1' ng-model="message.time" required>
                            立即发送 </label>
                    </div>

                </div>
            </div>
            <div class="col-md-2"></div>
        </div>
        <div class="row" ng-if="message.time==0">

            <div class="col-md-10">
                <div class="form-group">
                    <span class="control-label col-md-2">定时发送时间：</span>
                    <div class="col-md-8">
                        <div class="form-group">
                            <div class="col-md-3">
                                <p class="input-group inline">
                                    <input type="text" class="form-control" placeholder="年 - 月 - 日" uib-datepicker-popup="yyyy-MM-dd"
                                           ng-model="message.yearx" is-open="popup4.opened" datepicker-options="dateOptions"
                                           required />
						                <span class="input-group-btn">
							            <button type="button" class="btn btn-default" ng-click="open4()"><i
                                                class="glyphicon glyphicon-calendar"></i></button>
							            </span>
                                </p>
                            </div>
                            <div class="coll-md-1">
                                <select ng-model="message.hour" class="form-control" ui-select2="selectOptions" required>
                                    <option value="" disabled selected hidden>时</option>
                                    <option ng-repeat="hour in getHours()" value="{{hour}}">{{hour}}</option>
                                </select>
                            </div>
                            <div class="coll-md-1">
                                <select ng-model="message.min" class="form-control" ui-select2="selectOptions" required>
                                    <option value="" disabled selected hidden>分</option>
                                    <option ng-repeat="min in getMins()" value="{{min}}">{{min}}</option>
                                </select>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-md-2"></div>
        </div>

        <div class="row" style="text-align: right">
            <div class="col-md-1"></div>
            <div class="col-md-8" >
                <button type="submit" class="btn blue" ng-disabled="myForm.$invalid">发送</button>
                <!--<button class="btn red" style='opacity: 0' disabled>清空</button>-->
            </div>
            <div class="col-md-3"></div>
        </div>

    </div>
</form>
</div>
